<!DOCTYPE html>
<html lang="zh-cn">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, viewport-fit=cover">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,target-densitydpi=device-dpi, user-scalable=no" />
		<title>我的</title>
		<link href="./css/common.css" rel="stylesheet">
		<link href="./css/mine.css" rel="stylesheet">
		<script src="./lib/vue.js"></script>
	</head>
	<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" οncοpy="return false">
		<div id="mine" class="mine" style="display: none;" :style="{display: 'block'}">
			<a class="name" href="./userInfo.html">{{name}}</a>
			<div class="watch-box">
				<div class="watch-left">
					<div class="watch-info">
						<div class="watch-name">{{watch.name}}</div>
						<div class="watch-status">
							<span class="connect">{{watch.status === 1 ? '已连接':'未连接'}}</span><span class="level">电量：{{watch.level}}% {{watch | watchStatus}}</span>
						</div>
					</div>
					<img src="./img/mine/LW31@2x.png">
				</div>
				<a href="./watchSet.html" class="watch-set">手表设置</a>
			</div>
			<div class="watch-box">
				<a :href="item.url ? './'+item.url+'.html':'javascript:volid(0);'" :class="item.img" class="list-item" v-for="item in list" :key="item.url">
					<div class="link-name">{{item.name}}</div>
				</a>
			</div>
		</div>
		<div class="tabber">
			<a class="tabber-item" href="./index.html">
				<img src="./img/tab_home_d.png" alt="icon">
				<div class="text">健康</div>
			</a>
			<div class="tabber-item active">
				<img src="./img/tab_profile_p.png" alt="icon">
				<div class="text">我的</div>
			</div>
		</div>
		<script src="./js/mine.js"></script>
	</body>
</html>